﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.1与好友共起</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_1与好友共起/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/4_1与好友共起/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u2025" class="ax_default" data-left="632" data-top="87" data-width="377" data-height="746">

        <!-- Rectangle (矩形) -->
        <div id="u2026" class="ax_default _形状" data-label="Rectangle">
          <div id="u2026_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2027" class="ax_default" data-left="632" data-top="87" data-width="376" data-height="45">

          <!-- Unnamed (矩形) -->
          <div id="u2028" class="ax_default _形状">
            <div id="u2028_div" class=""></div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u2029" class="ax_default" data-left="639" data-top="104" data-width="46" data-height="9">

            <!-- Unnamed (矩形) -->
            <div id="u2030" class="ax_default _形状">
              <img id="u2030_img" class="img " src="images/4_我的/u1992.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2031" class="ax_default _形状">
              <img id="u2031_img" class="img " src="images/4_我的/u1992.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2032" class="ax_default _形状">
              <img id="u2032_img" class="img " src="images/4_我的/u1992.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2033" class="ax_default _形状">
              <img id="u2033_img" class="img " src="images/4_我的/u1992.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2034" class="ax_default _形状">
              <img id="u2034_img" class="img " src="images/4_我的/u1992.png"/>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u2035" class="ax_default" data-left="970" data-top="100" data-width="31" data-height="19">

            <!-- Unnamed (矩形) -->
            <div id="u2036" class="ax_default _形状">
              <div id="u2036_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2037" class="ax_default _形状">
              <div id="u2037_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2038" class="ax_default _形状">
              <div id="u2038_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u2039" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2039_div" class=""></div>
          <div id="u2039_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u2040" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2040_div" class=""></div>
          <div id="u2040_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u2041" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2041_div" class=""></div>
          <div id="u2041_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2042" class="ax_default _形状">
        <div id="u2042_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2043" class="ax_default _文本段落">
        <div id="u2043_div" class=""></div>
        <div id="u2043_text" class="text ">
          <p><span>共起时间</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2044" class="ax_default _文本段落">
        <div id="u2044_div" class=""></div>
        <div id="u2044_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2045" class="ax_default _文本段落">
        <div id="u2045_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2046" class="ax_default _形状">
        <div id="u2046_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2047" class="ax_default image">
        <img id="u2047_img" class="img " src="images/1_1闹钟设定/u163.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2048" class="ax_default" data-left="680" data-top="243" data-width="284" data-height="140">

        <!-- Unnamed (组合) -->
        <div id="u2049" class="ax_default" data-left="913" data-top="243" data-width="51" data-height="51">

          <!-- Unnamed (椭圆形) -->
          <div id="u2050" class="ax_default ellipse">
            <img id="u2050_img" class="img " src="images/1_闹钟/u49.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2051" class="ax_default label">
            <div id="u2051_div" class=""></div>
            <div id="u2051_text" class="text ">
              <p><span>+</span></p>
            </div>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u2052" class="ax_default _形状" data-label="Rectangle">
          <img id="u2052_img" class="img " src="images/1_闹钟/rectangle_u5.png"/>
          <div id="u2052_text" class="text ">
            <p><span>头像</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u2053" class="ax_default _形状" data-label="Rectangle">
          <img id="u2053_img" class="img " src="images/1_闹钟/rectangle_u5.png"/>
          <div id="u2053_text" class="text ">
            <p><span>好友</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2054" class="ax_default" data-left="680" data-top="332" data-width="51" data-height="51">

          <!-- Unnamed (椭圆形) -->
          <div id="u2055" class="ax_default ellipse">
            <img id="u2055_img" class="img " src="images/1_闹钟/u49.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2056" class="ax_default label">
            <div id="u2056_div" class=""></div>
            <div id="u2056_text" class="text ">
              <p><span>+</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2057" class="ax_default" data-left="795" data-top="332" data-width="51" data-height="51">

          <!-- Unnamed (椭圆形) -->
          <div id="u2058" class="ax_default ellipse">
            <img id="u2058_img" class="img " src="images/1_闹钟/u49.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2059" class="ax_default label">
            <div id="u2059_div" class=""></div>
            <div id="u2059_text" class="text ">
              <p><span>+</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2060" class="ax_default" data-left="913" data-top="332" data-width="51" data-height="51">

          <!-- Unnamed (椭圆形) -->
          <div id="u2061" class="ax_default ellipse">
            <img id="u2061_img" class="img " src="images/1_闹钟/u49.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u2062" class="ax_default label">
            <div id="u2062_div" class=""></div>
            <div id="u2062_text" class="text ">
              <p><span>+</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2063" class="ax_default _三级标题">
        <div id="u2063_div" class=""></div>
        <div id="u2063_text" class="text ">
          <p><span>与好友共起</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2064" class="ax_default image">
        <img id="u2064_img" class="img " src="images/1_1闹钟设定/u163.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2065" class="ax_default button">
        <div id="u2065_div" class=""></div>
        <div id="u2065_text" class="text ">
          <p><span>确定</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2066" class="ax_default label">
        <div id="u2066_div" class=""></div>
        <div id="u2066_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2067" class="ax_default" data-left="25" data-top="97" data-width="377" data-height="736">

        <!-- Rectangle (矩形) -->
        <div id="u2068" class="ax_default _形状" data-label="Rectangle">
          <div id="u2068_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u2069" class="ax_default" data-left="25" data-top="97" data-width="376" data-height="44">

          <!-- Unnamed (矩形) -->
          <div id="u2070" class="ax_default _形状">
            <div id="u2070_div" class=""></div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u2071" class="ax_default" data-left="32" data-top="114" data-width="46" data-height="9">

            <!-- Unnamed (矩形) -->
            <div id="u2072" class="ax_default _形状">
              <img id="u2072_img" class="img " src="images/4_我的/u1992.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2073" class="ax_default _形状">
              <img id="u2073_img" class="img " src="images/4_我的/u1992.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2074" class="ax_default _形状">
              <img id="u2074_img" class="img " src="images/4_我的/u1992.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2075" class="ax_default _形状">
              <img id="u2075_img" class="img " src="images/4_我的/u1992.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2076" class="ax_default _形状">
              <img id="u2076_img" class="img " src="images/4_我的/u1992.png"/>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u2077" class="ax_default" data-left="363" data-top="110" data-width="31" data-height="19">

            <!-- Unnamed (矩形) -->
            <div id="u2078" class="ax_default _形状">
              <div id="u2078_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2079" class="ax_default _形状">
              <div id="u2079_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2080" class="ax_default _形状">
              <div id="u2080_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u2081" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2081_div" class=""></div>
          <div id="u2081_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u2082" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2082_div" class=""></div>
          <div id="u2082_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u2083" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2083_div" class=""></div>
          <div id="u2083_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2084" class="ax_default" data-left="37" data-top="261" data-width="354" data-height="158">

        <!-- Unnamed (矩形) -->
        <div id="u2085" class="ax_default _形状">
          <div id="u2085_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2086" class="ax_default _三级标题">
          <div id="u2086_div" class=""></div>
          <div id="u2086_text" class="text ">
            <p><span>与好友共起</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u2087" class="ax_default _形状" data-label="Rectangle">
          <img id="u2087_img" class="img " src="images/1_闹钟/rectangle_u5.png"/>
          <div id="u2087_text" class="text ">
            <p><span>好友</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u2088" class="ax_default _形状" data-label="Rectangle">
          <img id="u2088_img" class="img " src="images/1_闹钟/rectangle_u5.png"/>
          <div id="u2088_text" class="text ">
            <p><span>头像</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2089" class="ax_default image">
          <img id="u2089_img" class="img " src="images/1_1闹钟设定/u163.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2090" class="ax_default _形状1">
          <img id="u2090_img" class="img " src="images/4_我的/u2010.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2091" class="ax_default label">
          <div id="u2091_div" class=""></div>
          <div id="u2091_text" class="text ">
            <p style="font-size:11px;"><span>距离闹钟响起还有</span><span style="font-size:13px;">6小时38分</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2092" class="ax_default" data-left="27" data-top="764" data-width="375" data-height="69">

        <!-- Rectangle (矩形) -->
        <div id="u2093" class="ax_default _形状" data-label="Rectangle">
          <div id="u2093_div" class=""></div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u2094" class="ax_default _形状" data-label="Rectangle">
          <img id="u2094_img" class="img " src="images/1_闹钟/rectangle_u4.png"/>
          <div id="u2094_text" class="text ">
            <p><span>闹钟</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u2095" class="ax_default _形状" data-label="Rectangle">
          <img id="u2095_img" class="img " src="images/1_闹钟/rectangle_u5.png"/>
          <div id="u2095_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u2096" class="ax_default _形状" data-label="Rectangle">
          <img id="u2096_img" class="img " src="images/1_闹钟/rectangle_u5.png"/>
          <div id="u2096_text" class="text ">
            <p><span>生活</span></p>
          </div>
        </div>

        <!-- Rectangle (矩形) -->
        <div id="u2097" class="ax_default _形状" data-label="Rectangle">
          <img id="u2097_img" class="img " src="images/1_闹钟/rectangle_u5.png"/>
          <div id="u2097_text" class="text ">
            <p><span>天气</span></p>
          </div>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u2098" class="ax_default _形状" data-label="Rectangle">
        <img id="u2098_img" class="img " src="images/1_闹钟/rectangle_u5.png"/>
        <div id="u2098_text" class="text ">
          <p><span>头像</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2099" class="ax_default label">
        <div id="u2099_div" class=""></div>
        <div id="u2099_text" class="text ">
          <p><span>我的</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2100" class="ax_default _图片">
        <img id="u2100_img" class="img " src="images/3_天气/u1360.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2101" class="ax_default _文本段落">
        <div id="u2101_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2102" class="ax_default _文本段落">
        <div id="u2102_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2103" class="ax_default label">
        <div id="u2103_div" class=""></div>
        <div id="u2103_text" class="text ">
          <p><span>加油！早八人！</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2104" class="ax_default box_1">
        <img id="u2104_img" class="img " src="images/4_1与好友共起/u2104.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2105" class="ax_default label">
        <div id="u2105_div" class=""></div>
        <div id="u2105_text" class="text ">
          <p><span>1.卡片呈现时钟为闹钟响起的时间，卡片右边头像为用户及其好友的头像</span></p><p><span><br></span></p><p><span>2.单击卡片即可跳转至【我的-与好友共起】页面</span></p><p><span><br></span></p><p><span>3.单击右上角设置即可跳转至【我的-设置】页面</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2106" class="ax_default image">
        <img id="u2106_img" class="img " src="images/1_1闹钟设定/u116.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u2107" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2107_div" class=""></div>
        <div id="u2107_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2108" class="ax_default" data-left="354" data-top="368" data-width="219" data-height="5">

        <!-- Unnamed (水平线) -->
        <div id="u2109" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="215" CompoundMode="true">
          <img id="u2109_img" class="singleImg img " src="images/4_1与好友共起/u2109.png"/>
          <div id="u2109p000" class="ax_vector_shape" WidgetTopLeftX="-0.490909090909091" WidgetTopLeftY="0" WidgetTopRightX="0.486363636363636" WidgetTopRightY="0" WidgetBottomLeftX="-0.490909090909091" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.486363636363636" WidgetBottomRightY="0.166666666666667">
            <img id="u2109p000_img" class="img " src="images/4_1与好友共起/u2109p000.png"/>
          </div>
          <div id="u2109p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="53.75" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="53.75" WidgetBottomRightY="0">
            <img id="u2109p001_img" class="img " src="images/2_1_计时设定/u919p001.png"/>
          </div>
          <div id="u2109p002" class="ax_vector_shape" WidgetTopLeftX="9.59090909090909" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="9.59090909090909" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
            <img id="u2109p002_img" class="img " src="images/1_1闹钟设定/u287p002.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2110" class="ax_default _形状">
          <div id="u2110_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2111" class="ax_default _一级标题">
        <div id="u2111_div" class=""></div>
        <div id="u2111_text" class="text ">
          <p><span>我的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2112" class="ax_default _一级标题">
        <div id="u2112_div" class=""></div>
        <div id="u2112_text" class="text ">
          <p><span>我的 - 与好友共起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2113" class="ax_default _一级标题">
        <div id="u2113_div" class=""></div>
        <div id="u2113_text" class="text ">
          <p><span>我的</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2114" class="ax_default box_1">
        <img id="u2114_img" class="img " src="images/4_1与好友共起/u2104.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2115" class="ax_default label">
        <div id="u2115_div" class=""></div>
        <div id="u2115_text" class="text ">
          <p><span>1.点击“+”可生成链接邀请好友加入，点击好友头像“-”即可踢出好友</span></p><p><span><br></span></p><p><span>2.点击用户邀请链接的好友需同样安装本APP</span></p><p><span><br></span></p><p><span>3.闹钟将会同时在双方的手机响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2116" class="ax_default _一级标题">
        <div id="u2116_div" class=""></div>
        <div id="u2116_text" class="text ">
          <p><span>我的-与好友共起</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2117" class="ax_default" data-left="829" data-top="238" data-width="21" data-height="21">

        <!-- Rectangle (矩形) -->
        <div id="u2118" class="ax_default _形状" data-label="Rectangle">
          <div id="u2118_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u2119" class="ax_default label">
          <div id="u2119_div" class=""></div>
          <div id="u2119_text" class="text ">
            <p><span>—</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
